<template>
      <div class="dashBoard">
        <div><h3>商品概括</h3> </div>
        <hr>
    <el-row :gutter="24">
      <el-col :span="6"><div class="grid-content bg-purple"  style="height:100px;margin-top: 20px;">
      <div class="icon">
      <span class="iconfont icon-wuliaogongyingshangxinzengpingshenliucheng"></span>
        </div>
        <div style="margin-top: -60px;margin-left: 70px;">
        新增量
        <h1 style="font-size:28px; margin-top: 7px;">
        0
        </h1>
        </div >
      </div>
      </el-col>
      <el-col :span="6"><div class="grid-content bg-purple"  style="height:100px;margin-top: 20px;">
      <div class="icon">
      <span class="iconfont icon-wuliaogongyingshangxinzengpingshenliucheng"></span>
        </div>
        <div style="margin-top: -60px;margin-left: 70px;">
        新增量
        <h1 style="font-size:28px; margin-top: 7px;">
        0
        </h1>
        </div >
      </div>
      </el-col>
      <el-col :span="6"><div class="grid-content bg-purple"  style="height:100px;margin-top: 20px;">
      <div class="icon">
      <span class="iconfont icon-wuliaogongyingshangxinzengpingshenliucheng"></span>
        </div>
        <div style="margin-top: -60px;margin-left: 70px;">
        新增量
        <h1 style="font-size:28px; margin-top: 7px;">
        0
        </h1>
        </div >
      </div>
      </el-col>
       <el-col :span="6"><div class="grid-content bg-purple"  style="height:100px;margin-top: 20px;">
      <div class="icon">
      <span class="iconfont icon-wuliaogongyingshangxinzengpingshenliucheng"></span>
        </div>
        <div style="margin-top: -60px;margin-left: 70px;">
        新增量
        <h1 style="font-size:28px; margin-top: 7px;">
        0
        </h1>
        </div >
      </div>
      </el-col>
    </el-row>
     <el-row :gutter="24">
      <el-col :span="6"><div class="grid-content bg-purple"  style="height:100px;margin-top: 20px;">
      <div class="icon">
      <span class="iconfont icon-wuliaogongyingshangxinzengpingshenliucheng"></span>
        </div>
        <div style="margin-top: -60px;margin-left: 70px;">
        新增量
        <h1 style="font-size:28px; margin-top: 7px;">
        0
        </h1>
        </div >
      </div>
      </el-col>
    </el-row>
    </div>
</template>

<script>
export default {
  name: 'SpingTongji'
}
</script>

<style lang="scss" scoped>
.icon{
  width: 60px;
  height: 60px;
  background-color: #E7F4FF;
  border-radius: 5px;
  text-align: center;
  line-height: 60px;
}
.iconfont{
  color: #1890FF;
  font-size: 30px;
}
</style>
